{extend name="extend:page" /}

{block name="title"}合作机构{/block}

{block name="css"}
<link rel="stylesheet" type="text/css" href="/public/webfe/css/project.css" />
<style type="text/css">
	.page .layout-safety {
		width: 998px;
	}
	.about-bg {
		height: 400px;
		background-image: url(/public/webfe/images/about-bg.jpg);
		background-position: center;
		background-repeat: no-repeat;
	}
	.orgvolist {
		display: block;
		width: 320px;
		padding-bottom: 24px;
	    margin: 0px 16px 16px 0;
	    border: 1px solid #EDEDED;
	    background-color: #FFFFFF;
	    position: relative;
	    float: left;
	}
	.orgvolist span {
		display: block;
		width: 100%;
		height: 240px;
		overflow: hidden;
	}
	.orgvolist span img {
		display: block;
		max-width: 100%;
		margin: 0 auto;
	}
</style>
{/block}



{block name="body"}
<div class="layout-region about-bg"></div>

<div class="layout-region page bg-fff p-y-6x">
	<div class="head-title">合作机构</div>
	<div class="layout-safety overa m-t-3x" id="orgvolist-view">
		
	</div>
	<div class="nothing-box nothing-bg position-relative">
		<p class="position-absolute position-screen text-center fs14r" style="top: 320px;">
			暂无合作机构
		</p>
	</div>
</div>
{/block}



{block name="js"}

<script type="text/html" id="orgvolist-template">
	{{# for ( var i in d ) { }}
		{{# var list = d[i]; }}
		{{# if (i % 3 == 2) { }}
			<a class="orgvolist m-r-0x" href="/organization/{{ list.id }}.html">
		{{# } else { }}
			<a class="orgvolist" href="/organization/{{ list.id }}.html">
		{{# } }}
			<span class="v-valign">
				<img src="{{ list.logo }}"/>
			</span>
			<p class="text-center">{{ list.title }}</p>
		</a>
	{{# } }}
</script>


<script type="text/javascript" src="/public/modules/thin.min.js" thin-main="/public/webfe/js/indexOrganization" thin-loader="/public/webfe/resource/mainloader" thin-cache="false"></script>
<script type="text/javascript">
	document.getElementById('nav-head-ctyl').className = 'active';
	document.getElementById('nav-sub-hzjg').className = 'active';
</script>
{/block}